<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ breadcrumb.title }}-青云凌风</title>
    <link href="/assets/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
    <link href="/assets/app.css" rel="stylesheet">
    <script src="/assets/jquery/jquery.min.js"></script>  
  </head>
  <body>
    <header class="fixed-top dy-header">
      <nav class="navbar navbar-expand-lg">
        <div class="container-fluid">
          <div class="dy-header-logo">
            <a class="ps-1" href="/background/config/edit">
              <img src="/assets/images/logo.png" height="30" />
              <span class="text-white">青云凌风</span>
            </a>
          </div>
          <div class="flex-fill">
            <span class="text-white fa fa-bars pointer" id="togglemenu"></span>
          </div>
          <div class="dy-header-user">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item dy-avatar">
                <img src="/assets/images/avatar.png" alt="avatar"/>
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                  {{auth.username}}
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="/backend/admin/profile"><span class="fa fa-user"></span>个人信息</a></li>
                  <li><a class="dropdown-item" href="/backend/admin/profile"><span class="fa fa-lock"></span>修改密码</a></li>
                  <li><span class="dropdown-item fullscreen"><span class="fa fa-arrows-alt"></span>全屏</span></li>
                  <li><hr class="dropdown-divider"></li>
                  <li><a class="dropdown-item" href="/backend/logout"><span class="fa fa-power-off"></span>退出</a></li>
                </ul>
              </li>
            </ul>
          </div>

        </div>
      </nav>
    </header>
    

    <div class="position-fixed dy-sidebar">
      <div class="text-center py-3 dy-slidebar-header">
        <div class="position-relative dy-avatar">
          <img src="/assets/images/avatar.png" alt="avatar"/>
        </div>
        <div class="position-relative dy-user pointer" id="toggleuser">
          <span class="text-white fs-5">{{auth.username}}</span>
          <span class="text-white fa fa-caret-down"></span>
        </div>
      </div>
      <ul class="dy-slidebar-user-menu">
        <li><a href="/backend/admin/profile"><span class="fa fa-user"></span>个人信息</a></li>
        <li><a href="/backend/admin/profile"><span class="fa fa-lock"></span>修改密码</a></li>
        <li><span class="d-block fullscreen"><span class="fa fa-arrows-alt"></span>全屏</span></li>
        <li><a href="/backend/logout"><span class="fa fa-power-off"></span>退出</a></li>
      </ul>
      <div class="dy-slidebar-menu" id="navbar-menu">
        <div class="menu-item">
          <div class="menu-label">系统管理</div>
          <ul>
            <li>
              <a class="nav-link" href="/backend/dashboard" data-baseurl="/backend/dashboard"><span class="fa fa-line-chart"></span>Dashboard</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/config/edit" data-baseurl="/backend/config"><span class="fa fa-cog"></span>网站配置</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/admin/list" data-baseurl="/backend/admin"><span class="fa fa-user-secret"></span>管理员</a>
            </li>
          </ul>
        </div>
        <div class="menu-item">
          <div class="menu-label">文章管理</div>
          <ul>
            <li>
              <a class="nav-link" href="/backend/blog/list" data-baseurl="/backend/blog"><span class="fa fa-user"></span>文章管理</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/category/list" data-baseurl="/backend/category"><span class="fa fa-user"></span>文章分类</a>
            </li>
          </ul>
        </div>
        <div class="menu-item">
          <div class="menu-label">产品管理</div>
          <ul>
            <li>
              <a class="nav-link" href="/backend/product/list" data-baseurl="/backend/product"><span class="fa fa-tasks"></span>产品管理</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/taxon/list" data-baseurl="/backend/taxon"><span class="fa fa-gift"></span>产品分类</a>
            </li>
          </ul>
        </div>
        <div class="menu-item">
          <div class="menu-label">收藏管理</div>
          <ul>
            <li>
              <a class="nav-link" href="/backend/collect/list" data-baseurl="/backend/collect"><span class="fa fa-bitbucket"></span>收藏管理</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/collect_type/list" data-baseurl="/backend/collect_type"><span class="fa fa-odnoklassniki-square"></span>收藏分类</a>
            </li>
          </ul>
        </div>
        <div class="menu-item">
          <div class="menu-label">广告管理</div>
          <ul>
            <li>
              <a class="nav-link" href="/backend/adv_position/list" data-baseurl="/backend/adv_position"><span class="fa fa-bookmark"></span>广告位置</a>
            </li>
            <li>
              <a class="nav-link" href="/backend/advert/list" data-baseurl="/backend/advert"><span class="fa fa-tasks"></span>广告</a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <section class="dy-main">
      <div class="d-flex dy-topbar">
        <div class="position-relative text-white flex-fill dy-system-info">
          <h3>青云凌风</h3>
          <p>青云凌风是用于个人博客</p>
        </div>
        <div class="position-relative text-white pt-3 dy-breadcrumb">
          <nav aria-label="breadcrumb">
            <ul class="breadcrumb">
              <li class="pe-2"><span class="text-white fa fa-home"></span></li>
              <li class="breadcrumb-item">{{ breadcrumb.title }}</li>
              <li class="breadcrumb-item">{{ breadcrumb.sub_title }}</li>
            </ul>
          </nav>
        </div>
      </div>
      
      <div class="dy-content">
        {% block content %}<p>青云凌风</p>{% endblock %}
      </div>
      
    </section>

    <footer class="text-center py-1 fixed-bottom">技术支持：青云凌风</footer>

    <div class="toast-container position-fixed bottom-0 end-0 p-3">
      <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
          <strong class="me-auto">提示</strong>
          <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
        </div>
        <div class="toast-body">
          <span id="toastSuccessMessage" class="text-success"></span>
          <span id="toastFailMessage" class="text-danger"></span>
        </div>
      </div>
    </div>

   
    <script src="/assets/jquery/jquery.cookie.js"></script>  
    <script src="/assets/bootstrap/bootstrap.min.js"></script> 
    <script src="/assets/bootstrap/bootstrap.bundle.min.js"></script> 
    <script src="/assets/tinymce/tinymce.min.js"></script> 
    
    <script src="/assets/app.js"></script>   
  </body>
</html>
